<template>
	<div class="app" style="margin-top: -22px;background-color: rgba(207, 207, 207, 0.404);">
		<div class="nav-BOX" style="width: 100%;	background-color: rgb(255, 255, 255);">
			<div class="nav-bar">
			<el-breadcrumb separator="/" style="margin-left: 30px;">
				<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
				<el-breadcrumb-item :to="{ path: '/front/home' }">商城首页</el-breadcrumb-item>
				<el-breadcrumb-item :to="{ path: '/front/Kecheng' }">课程首页</el-breadcrumb-item>
				<el-breadcrumb-item>课程详情</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		</div>
		<div class="kc-box">
			<div class="sp-BOX">
				<!-- <div class="ps-box"> -->
					<video controls muted class="ps-box"></video>
				<!-- </div> -->
				<p class="kc-name">
				<span style="font-size: 22px;font-weight: bolder;">{{item.name}}
					<br>
					<span style="font-size: 14px; color: gray;font-weight:100;">{{ item.title }}</span>
				
				</span>
				
				<span>* 严禁私自下载或录屏分享传播，一经发现，我司必将追究法律责任</span>
				</p>
				<p class="gk-p">
					<i class="el-icon-view">5630</i>
					<i class="el-icon-user">348</i>
					<i class="el-icon-time"> 更新时间：2023-03-16 14:13:17</i>
				</p>
				<div class="kcgs-box">
					<el-divider><span>课程概述</span></el-divider>
					<div class="kcgs-size">
						<!-- <p>谷歌的“20%时间”工作方式，允许工程师拿出20%的时间来研究自己喜欢的项目。语音服务Google Now、谷歌新闻Google News、谷歌地图Google Map上的交通信息等，全都是20%时间的产物。</p>
						<p>Go语言最开始也是20%时间的产物。</p>
						<p>2007年9月，Rob Pike在Google分布式编译平台上进行C++编译，在漫长的等待过程中，他和Robert Griesemer探讨了程序设计语言的一些关键性问题，他们认为，简化编程语言相比于在臃肿的语言上不断增加新特性，会是更大的进步。随后他们在编译结束之前说服了身边的Ken Thompson，觉得有必要为此做一些事情。几天后，他们发起了一个叫Golang的项目，将它作为自由时间的实验项目。</p>
						<p>2008年5月 Google发现了GO语言的巨大潜力，得到了Google的全力支持，这些人开始全职投入GO语言的设计和开发。</p>
						<p>2009年11月 GO语言第一个版本发布。2012年3月 第一个正式版本Go1.0发布。</p>
						<p>2015年8月 go1.5发布，这个版本被认为是历史性的。完全移除C语言部分，使用GO编译GO，少量代码使用汇编实现。另外，他们请来了内存管理方面的权威专家Rick Hudson，对GC进行了重新设计，支持并发GC，解决了一直以来广为诟病的GC时延（STW）问题。并且在此后的版本中，又对GC做了更进一步的优化。到go1.8时，相同业务场景下的GC时延已经可以从go1.1的数秒，控制在1ms以内。GC问题的解决，可以说GO语言在服务端开发方面，几乎抹平了所有的弱点。</p>
						<p>在GO语言的版本迭代过程中，语言特性基本上没有太大的变化，基本上维持在GO1.1的基准上，并且官方承诺，新版本对老版本下开发的代码完全兼容。事实上，GO开发团队在新增语言特性上显得非常谨慎，而在稳定性、编译速度、执行效率以及GC性能等方面进行了持续不断的优化。</p>
						<p>Go语言是谷歌2009年发布的第二款开源编程语言（系统开发语言)，它是基于编译、垃圾收集和并发的编程语言。</p>
						<p>Go语言专门针对多处理器系统应用程序的编程进行了优化，使用Go编译的程序可以媲美 C / C++代码的速度，而且更加安全、支持并行进程。</p>
						<p>作为出现在21世纪的语言，其近C的执行性能和近解析型语言的开发效率，以及近乎于完美的编译速度，已经风靡全球。</p>
						<p>特别是在云项目中，大部分都使用了Golang来开发。不得不说，Golang早已深入人心。而对于一个没有历史负担的新项目，Golang或许就是个不二的选择。</p>
						<p>很多人将Go语言称为21世纪的C语言，因为Go不仅拥有C的简洁和性能。而且还很好的提供了21世纪互联网环境下服务端开发的各种实用特性。</p>
						<p>被称为Go语言之父的罗勃·派克(Rob Pike)就曾说过，你是否同意Go语言，取决于你是认可少就是多，还是少就是少(Less is more or less is less)。Go语言的整个设计哲学就是：将简单、实用体现得淋漓尽致。</p>
						<p>如今 Go 已经是云计算编程语言，GO语言背靠Google这棵大树，又不乏牛人坐镇，是名副其实的“牛二代”。想象一下：一个只有十几年发展经历的编程语言，已经成为了如此巨大而且正在不断发展的行业的主导者，这种成功是每个人都无法想象的。</p>
						<p>Go 语言从发布 1.0 版本以来备受众多开发者关注并得到广泛使用，Go 语言的简单、高效、并发特性吸引了众多传统语言开发者的加入，而且人数越来越多。</p>
						<p>鉴于Go语言的特点和设计的初衷，Go语言作为服务器编程语言，很适合处理日志、数据打包、虚拟机处理、文件系统、分布式系统、数据库代理等；网络编程方面，Go语言广泛应用于Web 应用、API应用、下载应用等；除此之外，Go语言还适用于内存数据库和云平台领域，目前国外很多云平台都是采用Go开发。</p>
						<p>服务器编程：以前你如果使用C或者C++做的那些事情，用Go来做很合适，例如处理日志、数据打包、虚拟机处理、文件系统等。</p>
						<p>分布式系统、数据库代理器、中间件：例如Etcd。</p>
						<p>网络编程：这一块目前应用最广，包括Web应用、API应用、下载应用，而且Go内置的net/http包基本上把我们平常用到的网络功能都实现了。</p>
						<p>开发云平台：目前国外很多云平台在采用Go开发，我们所熟知的七牛云、华为云等等都有使用Go进行开发并且开源的成型的产品。</p>
						<p>区块链：目前有一种说法，技术从业人员把Go语言称作为区块链行业的开发语言。如果大家学习区块链技术的话，就会发现现在有很多很多的区块链的系统和应用都是采用Go进行开发的，比如ehtereum是目前知名度最大的公链，再比如fabric是目前最知名的联盟链，两者都有go语言的版本，且go-ehtereum还是以太坊官方推荐的版本。</p>
						<p>Go 嵌入式</p>
						<p>目前来看，Go在国内的发展和社区动态势头也都不错，开发者群体也越来越多。</p> -->
							<p>{{ item.courseDetails }}</p>
					</div>
				</div>
			</div>
			<div class="kc-dh">
				<div class="jg-box" @click="toGoumai">
					<i class="el-icon-coin"></i>
					购买￥4999.00元，
					<span style="text-decoration:line-through ;font-size: 12px;">
						原价：4999
					</span>
				</div>
				<div class="infinite-list-wrapper" style="overflow:auto">
					<ul
						class="list"
						v-infinite-scroll="load"
						infinite-scroll-disabled="disabled">
						<li v-for="i in count" class="list-item" :key="i.id">
							<span style="flex:0.5;">
								P{{ i }}
							</span>
							<span style="font-size: 18px;font-weight: bolder;">{{ item.name }}{{  i }}</span>
						</li>
					</ul>
					<p v-if="loading">加载中...</p>
				</div>
				<KeChengTuijian></KeChengTuijian>
			</div>
		</div>
		<bottomNavVue></bottomNavVue>
	</div>
</template>

<script>
import KeChengTuijian from '@/components/Details/KeCheng-tuijian.vue';
import bottomNavVue from '@/components/bottom-nav.vue';
export default {
	name: 'FrontendVue2KechengDetails',
	components:{
		KeChengTuijian,
		bottomNavVue
	},
	data() {
		return {
			count: 10,
      loading: false,
			item:{}
		};
	},

	mounted() {

  
	},
	created(){
		// console.log("课程数据",this.$route.query.id)
		let id = this.$route.query.id
		this.item = this.$store.kechengItem
		this.request.get("/salesCourse/"+id).then(res => {
        if (res.code === "200") {
					// console.log("id查询数据",res.data);
					this.item = res.data;
        } else {
          this.$message.error(res.msg)
        }
      })
	},
	methods: {
		load () {
        this.loading = true
        setTimeout(() => {
          this.count += 2
          this.loading = false
        }, 3000)
      },
			toGoumai(){

			}
	},
	computed: {
      noMore () {
        return this.count >= 20
      },
      disabled () {
        return this.loading || this.noMore
      }
    },
};
</script>

<style lang="less" scoped>
#app{
	overflow: visible;
}
.nav-bar{
	width: 1600px;
	height: 50px;
	margin: 0 auto;
	margin-bottom: 50px;
	display: flex;
	align-items: center;
	
}
.kc-box{
	width: 1600px;
	// margin-top: 30px;

	margin: 30px auto;
	// background-color: aquamarine;
	display: flex;
	// align-items: center;
	justify-content: space-between;
	.sp-BOX{
		width: 1100px;
		.ps-box{
		width: 1100px;
		height: 650px;
		// background-color: black;
		box-shadow:5px 5px 10px rgb(61, 61, 61);
		margin-left: 30px;

	}
	}
	
	.kc-dh{
		width: 400px;
		margin-right: 30px;
		.infinite-list-wrapper{
			width: 400px;
			height: 300px;
			background-color: rgb(255, 255, 255);
			padding: 20px;
			border-radius: 15px;
			box-shadow:5px 5px 10px rgb(177, 177, 177);
		}
	}
}
.jg-box{
	width: 400px;
	height: 40px;
	background-color: #ff6652;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	color: white;
	margin-bottom: 20px;
	cursor: pointer;
	box-shadow:5px 5px 10px rgba(61, 61, 61, 0.397);

}
.list-item{
	height: 30px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
li:hover{
	
		background-color: rgba(192, 190, 190, 0.527);
	
}

.kc-name{
	margin:30px 0 0 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.gk-p{
	margin-top: 30px;
	i{
		margin-left: 30px;
	}
}
.el-divider--horizontal{
	margin-left: 30px;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.322);
	.el-divider__text{
		background-color: #e2e2e2;
		font-size: 20px;
		font-weight: bolder;
	}
}
.kcgs-box{
	margin-top: 50px;
	p{
		line-height: 25px;
	}
}
.kcgs-size{
	margin-left: 30px;
}
</style>